<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>相册管理</title>
<link href="http://localhost:3000/stylesheets/valleyer/base.css" rel="stylesheet" type="text/css" media="all" />
<link href="http://localhost:3000/stylesheets/valleyer/personal/homeBase.css" rel="stylesheet" type="text/css" media="all" />
<link href="http://localhost:3000/stylesheets/valleyer/personal/albumManage.css" rel="stylesheet" type="text/css" media="all" />
</head>
<script type="text/javascript" language="JavaScript" src="http://localhost:3000/javascripts/prototype.js" ></script>
<script>
  function buttonHighOrLow(id)
  {
    $$('a.button_h').each( 
    function(a) {
      a.className = 'button_l';
      a.style.fontWeight = 'normal';
    });
    $(id).className = 'button_h';
    $(id).style.fontWeight = 'bold';

    $$('.button_scene').each(
    function(a) {
      a.style.display = 'none';
    });
    $(id + '_scene').style.display = 'inline';
  }

  function createShow()
  {
    $("createBase").className = "createBase_show";
  }

  function createHide()
  {
    $("createBase").className = "createBase_hide";
  }
</script>
<body>
   <div id="integer">
    <div id="head">
      <div class="nav_bar">
        <a href="http://localhost:3000/demo/valleyer/index">首页</a><b>|</b><a href="http://localhost:3000/demo/valleyer/homePage.html" class='h'>个人主页</a><b>|</b><a href="javascript:;">好友</a><b>|</b><a href="http://localhost:3000/demo/valleyer/group/groupPage">群体</a><b>|</b><a href="javascript:;">活动</a><b>|</b><a href="javascript:;">动态</a><b>|</b><a href="javascript:;">文档</a></li>
      </div>
    </div>
    <div id="center">
      <div id="center_left">
        <div class="picture"><img src="http://localhost:3000/images/valleyer/mm.jpg" /></div>
        <div class="operate">
          <a href="javascript:;" class="change_picture">修改头像</a>
          <a href="javascript:;" class="edit_message">编辑资料</a>
        </div>
        <div class="message">
          <dl><dt>性&nbsp;&nbsp;&nbsp;&nbsp;别：</dt><dd>女</dd></dl>
          <dl><dt>生&nbsp;&nbsp;&nbsp;&nbsp;日：</dt><dd>1985年12月23日</dd></dl>
          <dl><dt>星&nbsp;&nbsp;&nbsp;&nbsp;座：</dt><dd>水瓶座</dd></dl>
          <dl><dt>所&nbsp;在&nbsp;地：</dt><dd>海口</dd></dl>
          <dl><dt>上次登录：</dt><dd>两天前(共555次)</dd></dl>
        </div>
      </div>
      <div id="center_right">
        <div class="master">
          <div class="name">周雯</div>
          <div class="status">(36位访客)最近没空写心情哦</div>
        </div>
        <div id="sstab">
          <div><div class="nav_bar">
            <a id="button_1" class="button_l" href="javascript:;" onclick="{buttonHighOrLow('button_1');}">首页</a>
            <a id="button_2" class="button_l" href="javascript:;" onclick="{buttonHighOrLow('button_2');}">个人管理</a>
            <a id="button_3" class="button_l" href="javascript:;" onclick="{buttonHighOrLow('button_3');}">日志管理</a>
            <a id="button_4" class="button_h" href="javascript:;" onclick="{buttonHighOrLow('button_4');}">相册管理</a>
            <a id="button_5" class="button_l" href="javascript:;" onclick="{buttonHighOrLow('button_5');}">转载管理</a>
          </div></div>
        </div>
        <div class="album">
          <div class="title"><p class="name">相册列表</p><a class="foundAlbum" href="javascript:;" onclick="{createShow();}">创建相册</a><p>|</p><a class="upload" href="javascript:;">上传相片</a></div>
          <div style="width:130px;"><div id="createBase" class="createBase_hide">
            <div class="frame">
              <div class="title"><p>创建相册</p><a href="javascript:;" onclick="{createHide();}"><img src="http://localhost:3000/images/valleyer/closeAlbum.jpg" /></a></div>
              <div class="message">
                <dl>
                  <dt>名称：</dt><dd><input class="name" type="text"></dd>
                  <dt>分类：</dt><dd><select><option>人物<option>风景<option>圈圈<option>大头贴</select></dd>
                </dl>
                <dl class="describe"><dt>描述：</dt><dd><textarea></textarea></dd></dl>
              </div>
              <div class="button">
                <a class="fix" href="javascript:;" onclick="{createHide();}"><img src="http://localhost:3000/images/valleyer/fixedAlbum.jpg" /></a>
                <a href="javascript:;" onclick="{createHide();}"><img src="http://localhost:3000/images/valleyer/cancelAlbum.jpg" /></a>
              </div>
            </div>
          </div></div>
          <div class="subject">
            <div class="monomer_new">
              <div class="picture"><img src="http://localhost:3000/images/valleyer/album_picture.jpg" /></div>
              <div class="operate">
                <div class="summarize">
                  <div class="name"><a href="javascript:;">2008年冬</a><p>(</p><a href="javascript:;">3</a><p>)</p></div>
                  <p class="message">2009年11月19日更新</p>
                  <p class="message">浏览(33)评论(3)</p>
                </div>
                <div class="maintain">
                  <a href="javascript:;"><img src="http://localhost:3000/images/valleyer/edit_album.jpg" /></a>
                  <a href="javascript:;"><img src="http://localhost:3000/images/valleyer/delete_album.jpg" /></a>
                </div>
              </div>
            </div>
            <div class="monomer_new">
              <div class="picture"><img src="http://localhost:3000/images/valleyer/album_picture2.jpg" /></div>
              <div class="operate">
                <div class="summarize">
                  <div class="name"><a href="javascript:;">2008年冬</a><p>(</p><a href="javascript:;">3</a><p>)</p></div>
                  <p class="message">2009年11月19日更新</p>
                  <p class="message">浏览(33)评论(3)</p>
                </div>
                <div class="maintain">
                  <a href="javascript:;"><img src="http://localhost:3000/images/valleyer/edit_album.jpg" /></a>
                  <a href="javascript:;"><img src="http://localhost:3000/images/valleyer/delete_album.jpg" /></a>
                </div>
              </div>
            </div>
            <div class="monomer_old">
              <div class="picture"><img src="http://localhost:3000/images/valleyer/album_picture.jpg" /></div>
              <div class="operate">
                <div class="summarize">
                  <div class="name"><a href="javascript:;">2008年冬</a><p>(</p><a href="javascript:;">3</a><p>)</p></div>
                  <p class="message">2009年11月19日更新</p>
                  <p class="message">浏览(33)评论(3)</p>
                </div>
                <div class="maintain">
                  <a href="javascript:;"><img src="http://localhost:3000/images/valleyer/edit_album.jpg" /></a>
                  <a href="javascript:;"><img src="http://localhost:3000/images/valleyer/delete_album.jpg" /></a>
                </div>
              </div>
            </div>
            <div class="monomer_old">
              <div class="picture"><img src="http://localhost:3000/images/valleyer/album_picture2.jpg" /></div>
              <div class="operate">
                <div class="summarize">
                  <div class="name"><a href="javascript:;">2008年冬</a><p>(</p><a href="javascript:;">3</a><p>)</p></div>
                  <p class="message">2009年11月19日更新</p>
                  <p class="message">浏览(33)评论(3)</p>
                </div>
                <div class="maintain">
                  <a href="javascript:;"><img src="http://localhost:3000/images/valleyer/edit_album.jpg" /></a>
                  <a href="javascript:;"><img src="http://localhost:3000/images/valleyer/delete_album.jpg" /></a>
                </div>
              </div>
            </div>
            <div class="monomer_old">
              <div class="picture"><img src="http://localhost:3000/images/valleyer/album_picture.jpg" /></div>
              <div class="operate">
                <div class="summarize">
                  <div class="name"><a href="javascript:;">2008年冬</a><p>(</p><a href="javascript:;">3</a><p>)</p></div>
                  <p class="message">2009年11月19日更新</p>
                  <p class="message">浏览(33)评论(3)</p>
                </div>
                <div class="maintain">
                  <a href="javascript:;"><img src="http://localhost:3000/images/valleyer/edit_album.jpg" /></a>
                  <a href="javascript:;"><img src="http://localhost:3000/images/valleyer/delete_album.jpg" /></a>
                </div>
              </div>
            </div>
            <div class="monomer_old">
              <div class="picture"><img src="http://localhost:3000/images/valleyer/album_picture2.jpg" /></div>
              <div class="operate">
                <div class="summarize">
                  <div class="name"><a href="javascript:;">2008年冬</a><p>(</p><a href="javascript:;">3</a><p>)</p></div>
                  <p class="message">2009年11月19日更新</p>
                  <p class="message">浏览(33)评论(3)</p>
                </div>
                <div class="maintain">
                  <a href="javascript:;"><img src="http://localhost:3000/images/valleyer/edit_album.jpg" /></a>
                  <a href="javascript:;"><img src="http://localhost:3000/images/valleyer/delete_album.jpg" /></a>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="caller">
          <div class="title">最近访客</div>
          <div class="subject">
            <div class="monomer">
              <div class="picture"><img src="http://localhost:3000/images/valleyer/man_1.jpg" /></div>
              <div class="name"><a href="javascript:;">徐泽文</a><a href="javascript:;"><img src="http://localhost:3000/images/valleyer/hi.jpg" /></a></div>
            </div>
            <div class="monomer">
              <div class="picture"><img src="http://localhost:3000/images/valleyer/man_1.jpg" /></div>
              <div class="name"><a href="javascript:;">徐泽文</a><a href="javascript:;"><img src="http://localhost:3000/images/valleyer/hi.jpg" /></a></div>
            </div>
            <div class="monomer">
              <div class="picture"><img src="http://localhost:3000/images/valleyer/man_1.jpg" /></div>
              <div class="name"><a href="javascript:;">徐泽文</a><a href="javascript:;"><img src="http://localhost:3000/images/valleyer/hi.jpg" /></a></div>
            </div>
            <div class="monomer">
              <div class="picture"><img src="http://localhost:3000/images/valleyer/man_1.jpg" /></div>
              <div class="name"><a href="javascript:;">徐泽文</a><a href="javascript:;"><img src="http://localhost:3000/images/valleyer/hi.jpg" /></a></div>
            </div>
            <div class="monomer">
              <div class="picture"><img src="http://localhost:3000/images/valleyer/man_1.jpg" /></div>
              <div class="name"><a href="javascript:;">徐泽文</a><a href="javascript:;"><img src="http://localhost:3000/images/valleyer/hi.jpg" /></a></div>
            </div>
            <div class="monomer">
              <div class="picture"><img src="http://localhost:3000/images/valleyer/man_1.jpg" /></div>
              <div class="name"><a href="javascript:;">徐泽文</a><a href="javascript:;"><img src="http://localhost:3000/images/valleyer/hi.jpg" /></a></div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div id="bottom"></div>
   </div>
   <div id="button_1_scene"></div>
   <div id="button_2_scene"></div>
   <div id="button_3_scene"></div>
   <div id="button_4_scene"></div>
   <div id="button_5_scene"></div>
</body>
</html>